<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <base href="${request.contextPath}/"/>
    <meta charset="UTF-8">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,minimum-scale=1.0">
    <title>漠河智慧社区</title>
    <link href="Content/wechat/css/reset.css" rel="stylesheet" type="text/css">
    <!--签到-->
    <link href="Content/wechat/css/qianDaoBang.css" rel="stylesheet" type="text/css">

    <!--banner-->
    <link href="Content/wechat/css/amazeui.min.css" rel="stylesheet" type="text/css">
    <script src="Content/wechat/js/jquery.min.js"></script>
    <!--字体缩放-->
    <script src="Content/wechat/js/ziti.js"></script>
    <!--end 字体缩放-->
</head>
<body>
<header>
    <div class="header_bj"></div>
    <div class="header_my clearfix">
        <div class="header_my_l">
            <h4>我已签到<b>${countInfo.dayCount!}</b>天</h4>
            <span>${countInfo.numCount!}<b style="font-size: 0.24rem">积分</b></span>
        </div>
        <div class="header_my_r">
            <a href="/wechat/forum/mall/index">积分商城</a>
        </div>
    </div>
</header>

<table>
    <tr class="tr_header" style="width: 100%">
        <td style="width: 20%;font-size: 0.3rem;font-weight: bold">排行</td>
        <td style="width: 40%;font-size: 0.3rem;font-weight: bold">昵称</td>
        <td style="width: 40%;font-size: 0.3rem;font-weight: bold">签到天数</td>
    </tr>
    <tbody id="tbodyList">
    <tr class="tr_header">
        <td style="color: red">1</td>
        <td style="color: red">天使八倍</td>
        <td style="color: red">5689天</td>
    </tr>
    <tr class="tr_header">
        <td style="color: #ff8736">2</td>
        <td style="color: #ff8736">天使八倍</td>
        <td style="color: #ff8736">5689天</td>
    </tr>
    <tr class="tr_header">
        <td style="color: #ffc42d">3</td>
        <td style="color: #ffc42d">天使八倍</td>
        <td style="color: #ffc42d">5689天</td>
    </tr>
    <tr class="tr_header">
        <td>1</td>
        <td>天使八倍</td>
        <td>5689天</td>
    </tr>
    <tr class="tr_header">
        <td>1</td>
        <td>天使八倍</td>
        <td>5689天</td>
    </tr>
    <tr class="tr_header">
        <td>1</td>
        <td>天使八倍</td>
        <td>5689天</td>
    </tr>
    <tr class="tr_header">
        <td>1</td>
        <td>天使八倍</td>
        <td>5689天</td>
    </tr>
    <tr class="tr_header">
        <td>1</td>
        <td>天使八倍</td>
        <td>5689天</td>
    </tr>
    <tr class="tr_header">
        <td>1</td>
        <td>天使八倍</td>
        <td>5689天</td>
    </tr>
    <tr class="tr_header">
        <td>1</td>
        <td>天使八倍</td>
        <td>5689天</td>
    </tr>
    <tr class="tr_header">
        <td>1</td>
        <td>天使八倍</td>
        <td>5689天</td>
    </tr>
    <tr class="tr_header">
        <td>1</td>
        <td>天使八倍</td>
        <td>5689天</td>
    </tr>
    </tbody>
</table>


</body>
<script>
    var json =${countList!};
    var insetViewData = ""; //视图数据
    for (var i = 0, l = json.length; i < l; i++) {
        if (i == 0) {
            insetViewData += "<tr class=\"tr_header\">\n" +
                "        <td style=\"color: red\">"+(i+1)+"</td>\n" +
                "        <td style=\"color: red\">"+json[i].openid+"</td>\n" +
                "        <td style=\"color: red\">"+json[i].num+"天</td>\n" +
                "    </tr>";
        } else if (i == 1) {
            insetViewData += "<tr class=\"tr_header\">\n" +
                "        <td style=\"color:  #ff8736\">"+(i+1)+"</td>\n" +
                "        <td style=\"color:  #ff8736\">"+json[i].openid+"</td>\n" +
                "        <td style=\"color:  #ff8736\">"+json[i].num+"天</td>\n" +
                "    </tr>";

        } else if (i == 2) {
            insetViewData += "<tr class=\"tr_header\">\n" +
                "        <td style=\"color: ffc42d\">"+(i+1)+"</td>\n" +
                "        <td style=\"color: ffc42d\">"+json[i].openid+"</td>\n" +
                "        <td style=\"color: ffc42d\">"+json[i].num+"天</td>\n" +
                "    </tr>";

        }else{
            insetViewData += "<tr class=\"tr_header\">\n" +
                "        <td>"+(i+1)+"</td>\n" +
                "        <td>"+json[i].openid+"</td>\n" +
                "        <td>"+json[i].num+"天</td>\n" +
                "    </tr>";

        }

    }
    $("#tbodyList").html(insetViewData);

</script>
</html>